
#fullpage{
	min-width: 800px;
}
.w{
    width:1000px;
    margin:0 auto;
    position:relative;
}
/*第一屏*/

.first {
    /**/
}
.first .pic{
    overflow: hidden;
}
.first .pic-img{
    width: 200px;
    height: 200px;
    margin: 100px auto;
    border-radius: 100px;
    overflow: hidden;
}
.first .pic-img img{
    width: 100%;
    height: 100%;
}
.first .info{
    position: relative;
}
.first .info .first-line{
    width: 0px;
    height: 5px;
    background-color: pink;
    margin: -50px auto;
    border-radius: 5px;
    transition: all 1s 0.5s ease-in-out;
}
.first .introuce{
    margin-top:90px;
    text-align:center;
    color:#fff;
    font-size:24px;
}
.first .introuce h1{
    margin-top:20px;
    font-family:"微软雅黑"
}
.current .headList-1 {
animation: up .9s ease  1.5s normal  forwards;
    -webkit-animation: up .9s ease  1.5s normal forwards;
    -o-animation: up .9s ease  1.5s normal forwards;
}
.current .headList-2 {
animation: up .9s ease  1.7s normal  forwards;
    -webkit-animation: up .9s ease  1.7s normal forwards;
    -o-animation: up .9s ease  1.7s normal forwards;
}
.current .headList-3 {
animation: up .9s ease  2.2s normal  forwards;
    -webkit-animation: up .9s ease  2.2s normal forwards;
    -o-animation: up .9s ease  2.2s normal forwards;
}
/*第一屏动画*/
.first.current .first-line{
	width: 200px;
}
/*第二屏*/
.bgc{
    background-color:#041527 !important;
    position:relative;
}
.second_img {
    margin:0 auto;
    height:600px;
}
/*第二屏文字*/
.second{
    color:#ffffff;
    position:absolute;
    left:50%;
    top:260px;
    margin-left:-60px;
    font-size:30px;
    font-weight:700;
}
.listyle_top {
    position: absolute;
    z-index: 10;
    font-family: 微软雅黑;
    font-weight: 100;
    width: 214px;
    height: 214px;
    top:40px;
    left:40px;
}
.listyle_top2{
    left:680px;
}
.listyle_top3{
    top:380px;
}
.listyle_top4{
    left:680px;
    top:380px;
}
.listyle_top ul {
    position:absolute;
    left:40px;
    top:66px;
    font-weight:700;
}
.listyle_top .last{
    top:58px;
}
.circle_top {
    height: 100%;
    width: 100%;
    background: url(../images/web.png) 0 0 no-repeat;
    animation: circle_top1 12s linear 0.5s forwards;
    -webkit-animation: circle_top1 12s linear 0.5s forwards;
    -o-animation: circle_top1 12s linear 0.5s forwards;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
}
.circle_top2 {
    height: 100%;
    width: 100%;
    background: url(../images/web.png) 0 0 no-repeat;
    animation: circle_top 10s linear 0s forwards;
    -webkit-animation: circle_top 10s linear 0s forwards;
    -o-animation: circle_top 10s linear 0s forwards;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
}
.circle_top3 {
    height: 100%;
    width: 100%;
    background: url(../images/web.png) 0 0 no-repeat;
    animation: circle_top 9s linear 0s forwards;
    -webkit-animation: circle_top 9s linear 0s forwards;
    -o-animation: circle_top 9s linear 0s forwards;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
}
.circle_top4 {
    height: 100%;
    width: 100%;
    background: url(../images/web.png) 0 0 no-repeat;
    animation: circle_top1 5s linear 0s forwards;
    -webkit-animation: circle_top1 5s linear 0s forwards;
    -o-animation: circle_top1 5s linear 0s forwards;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
}
@keyframes circle_top {
  form {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(-360deg);
  }
}
@keyframes circle_top1 {
  form {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
/*第三屏*/
 #cas {
      margin:auto;
      width:100%;
      height:100%;
      background-color: #ffffff;
      position:relative;
      z-index:1;
    }
.third{
    color:#0094ff;
    font-size:30px;
}
.three{
    top:-500px;
    z-index:2;
}
.third_a{
    margin-top: 50px;
    margin-left:120px;
}
.third_a a{
    margin-top:50px;
    display:block;
}

/*第四屏*/
.four{
    font-size:30px;
    font-weight:700;
    color:#000;
    padding-top:60px;
    padding-left:200px;
}
.four h2{
    padding-left:50px;
    padding-top: 30px;
}
.headList{
    opacity: 0;
}
.current .headList1 {
    animation: up .9s ease  normal  forwards;
    -webkit-animation: up .9s ease  normal forwards;
    -o-animation: up .9s ease  normal forwards;
}
@keyframes up {
  0% {
    transform: translate(0, 50px);
    opacity: 0.1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.current .headList2{

    animation: up .9s ease  .9s normal  forwards;
    -webkit-animation: up .9s ease  .9s normal forwards;
    -o-animation: up .9s ease  .9s normal forwards;
}
.current .headList3{

    animation: up .9s ease  1.8s normal  forwards;
    -webkit-animation: up .9s ease  1.8s normal forwards;
    -o-animation: up .9s ease  1.8s normal forwards;
}
.current .headList4{

    animation: up .9s ease  2.7s normal  forwards;
    -webkit-animation: up .9s ease  2.7s normal forwards;
    -o-animation: up .9s ease  2.7s normal forwards;
}